<template>
	<view class="setFocus">
		<view class="top_line"></view>
		<!-- 第一部分 -->
		<view class="content_top" @click="goNewPage(securityCenter_path)">
			<view class="securityCenter">
				安全中心
			</view>
			<text>账号管理</text>
			<view class="setRight">
				<u-icon name="arrow-right" color="#c7c7c7" size="20"></u-icon>
			</view>
		</view>
		<!-- 第二部分 -->
		<view class="content_half">
			<view class="content_half1" @click="goNewPage(newsNotice_path)">
				<view>
					新消息通知
				</view>
				<view class="setRight">
					<u-icon name="arrow-right" color="#c7c7c7" size="20"></u-icon>
				</view>
			</view>
			<view class="content_half1" @click="goNewPage(setLg_path)">
				<view>
					多语言
				</view>
				<view class="setRight">
					<u-icon name="arrow-right" color="#c7c7c7" size="20"></u-icon>
				</view>
			</view>
		</view>
		
		<!-- 第三部分 -->
		<view class="content_half">
			<view class="content_half1">
				<view>
					清除缓存
				</view>
				<view class="setRight">
					<u-icon name="arrow-right" color="#c7c7c7" size="20"></u-icon>
				</view>
			</view>
			<view class="content_half1" @click="goNewPage(reportProblem_path)">
				<view>
					问题反馈
				</view>
				<view class="setRight">
					<u-icon name="arrow-right" color="#c7c7c7" size="20"></u-icon>
				</view>
			</view>
			<view class="content_half1">
				<view>
					关于我们
				</view>
				<text>版本&nbsp;1.0.0</text>
				<view class="setRight">
					<u-icon name="arrow-right" color="#c7c7c7" size="20"></u-icon>
				</view>
			</view>
		</view>
		
		<!-- 第四部分 -->
		<view class="signout">
			退出登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				securityCenter_path:'../securityCenter/securityCenter',
				setLg_path:'../setLg/setLg',
				newsNotice_path:'../newsNotice/newsNotice',
				reportProblem_path:'../reportProblem/reportProblem'
			}
		},
		methods: {
			// 跳转页面
			goNewPage(url){
				uni.navigateTo({
					url
				})
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	.setFocus{
		width: 100%;
		height: 1500rpx;
		background: rgb(249,249,249);
		justify-content: space-around;
		.top_line{
			width: 100%;
			height: 50rpx;
			background: rgb(249,249,249);
		}
		
		// 第一部分
		.content_top{
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			display: flex;
			background: rgb(255,255,255);
			.securityCenter{
				margin-left: 40rpx;
				font-size: 36rpx;
				font-family: "微软雅黑";
				font-weight: 400;
				color: rgb(28,34,42);
			}
			text{
				font-size: 36rpx;
				font-family: "微软雅黑";
				font-weight: 400;
				color: rgb(153,153,153);
				margin-left: 360rpx;
			}
			.setRight{
				margin-top: 34rpx;
				margin-left: 20rpx;
			}
		}
		
		// 第二部分\第三部分
		.content_half{
			width: 100%;
			background:rgb(255,255,255);
			border-top: 20rpx solid rgb(249,249,249);
			.content_half1{
				width: 95%;
				height: 100rpx;
				margin-left: 40rpx;
				line-height: 100rpx;
				background: rgb(255,255,255);
				border-bottom: 2rpx solid rgb(249,249,249);
				display: flex;
				justify-content: space-between;
				font-size: 36rpx;
				font-family: "微软雅黑";
				font-weight: 400;
				color: rgb(28,34,42);
				text{
					font-size: 36rpx;
					font-family: "微软雅黑";
					font-weight: 400;
					color: rgb(153,153,153);
					margin-left: 340rpx;
				}
				.setRight{
					margin-top: 34rpx;
					margin-right: 20rpx;
				}
			}
		}
		
		// 第四部分
		.signout{
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background: rgb(255,255,255);
			margin-top: 20rpx;
			color: rgba(255,90,87,1);
			font-weight: 400;
			font-size: 32rpx;
		}
	}
</style>
